<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
              <button *ngIf="_.includes(menuResourceSet,'btn-entry-check')" type="button" class="btn btn-primary" (click)="getServiceEntryInfo()">
                <i class="fa fa-check-square-o"></i>审核</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-entry-export')" class="btn btn-primary" (click)="exportExcel()">
                <i class="fa fa-sign-out"></i>导出Excel</button>
              <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
                <i class="fa fa-minus"></i>
              </button>
            </div>
            <div class="box-body">
              <div class="form-group col-lg-12" style="padding-left:0px !important;">
                <label>产品代码：</label>
                <input class="form-control" [(ngModel)]="getCheckPost.sFundCode" name="sFundCode" placeholder="产品代码">
                <label>产品名称：</label>
                <input class="form-control" [(ngModel)]="getCheckPost.sFullName" name="sFullName" placeholder="产品名称">
                <label>审核状态:</label>
                <select class="form-control" [(ngModel)]="getCheckPost.sAuditStatus" name="sAuditStatus">
                  <option [value]="''">全部</option>
                  <option [value]="0">待审核</option>
                  <option [value]="1">审核通过</option>
                  <option [value]="2">打回</option>
                </select>
                <button class="btn btn-primary" (click)="getCheckList(1)">
                  <i class="fa fa-search"></i>查询</button>
              </div>
            </div>
          </div>
        </form>

        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div style="overflow-x:scroll;width:100%">
            <table id="fixed-table" class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
              <thead>
                <tr>
                  <th class="width-4">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                      <label>
                      </label>
                    </div>
                  </th>
                  <th class="width-8" (click)="orderData('sFundCode')">产品代码
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sFullName')">产品名称
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sFundTypeName')">产品类型
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sModifyItem')">修改项
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sBeforeModify')">修改前内容
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sAfterModify')">修改后内容
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sRealname')">审核人
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-10" (click)="orderData('sAuditTime')">审核日期
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-9" (click)="orderData('sAuditOpinion')">审核意见
                    <i class="fa fa-sort"></i>
                  </th>
                  <th class="width-9" (click)="orderData('sAuditStatus')">审核状态
                    <i class="fa fa-sort"></i>
                  </th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of checkList">
                  <td class="width-4">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                      <label>
                      </label>
                    </div>
                  </td>
                  <td class="width-8 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sModifyItem">{{item.sModifyItem}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sBeforeModify">{{item.sBeforeModify}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sAfterModify">{{item.sAfterModify}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sRealname">{{item.sRealname}}</td>
                  <td class="width-10 short_name" [attr.title]="item.sAuditTime">{{item.sAuditTime}}</td>
                  <td class="width-9 short_name" [attr.title]="item.sAuditOpinion">{{item.sAuditOpinion}}</td>
                  <td class="width-9 short_name">
                    <span *ngIf="item.sAuditStatus == '0'" [attr.title]="'待审核'">待审核</span>
                    <span *ngIf="item.sAuditStatus == '1'" [attr.title]="'审核通过'">审核通过</span>
                    <span *ngIf="item.sAuditStatus == '2'" [attr.title]="'打回'">打回</span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="box-footer clearfix">
          <app-pagination [currentPageNum]="checkPageInfo.currentPageNum" [pagesShow]="" [totalPages]="checkPageInfo.totalPages" (pageChanged)="checkPageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{checkPageInfo.startRow}}到第{{checkPageInfo.endRow}}条，总共{{checkPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{checkPageInfo.pageSize}}</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" role="menu">
                    <li *ngFor="let i of checkPageInfo.pageList" role="menuitem" [class.active]="checkPageInfo.pageSize===i" (click)="checkpageSizeChange(i)">
                      <a>{{i}}</a>
                    </li>
                  </ul>
                </span>条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 审核模版 -->
<div class="modal modal-detail" id="checkModel">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">服务类条目变更审核--审核</h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal">
          <table id="example2" class="datatable-control-all table table-bordered table-hover table-striped">
            <thead>
              <tr>
                <th>修改项</th>
                <th>变更前内容</th>
                <th>变更后内容</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of changeCheckInfo">
                <td>{{item.sModifyItem}}</td>
                <td>{{item.sBeforeModify}}</td>
                <td>{{item.sAfterModify}}</td>
              </tr>
            </tbody>
          </table>
          <div class="form-group">
            <h4 class="col-lg-2">审核意见</h4>

          </div>
          <textarea name="" id="" cols="20" rows="5" maxlength="2000" style="width:100%" [(ngModel)]="sAuditOpinion" name="sAuditOpinion"></textarea>

        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary pull-right" (click)="checkService('2')">
          <i class="fa fa-undo"></i>打回</button>
        <button type="button" class="btn btn-primary pull-right" (click)="checkService('1')">
          <i class="fa fa-check"></i>通过</button>
      </div>
    </div>
  </div>
</div>